<div class="body">
  <div>
    <div>
      <svg height="100px" width="100px">
        <use height="100px" width="100px" [ngStyle]="styles"  xlink:href="#fan_icon"></use>
      </svg>
    </div>
    <p><strong>{{stationName}}#{{id}}号风机</strong></p>

  </div>
  <div>
    <table class="table table-bordered table-condensed " >
      <tr>
        <td>运行状态</td>
        <td>{{data[0]}}{{data[0] | toStatusString}}</td>
      </tr>
      <tr>
        <td>风机风速(m/s)</td>
        <td>{{data[1]|number:'1.0-2'}}</td>
      </tr>
    </table>
    <table class="table table-bordered table-condensed " >
      <tr>
        <td>机舱方位(Deg)</td>
        <td>{{data[2]|number:'1.0-2'}}</td>
      </tr>

      <tr>
        <td>风向(Deg)</td>
        <td>{{data[3]|number:'1.0-2'}}</td>
      </tr>

      <tr>
        <td>变桨角度(Deg)</td>
        <td>{{data[4]|number:'1.0-2'}}</td>
      </tr>
    </table>

    <table class="table table-bordered table-condensed " >
      <tr>
        <td>发电机功率(kW)</td>
        <td>{{data[5]|number:'1.0-2'}}</td>
      </tr>

      <tr>
        <td>发电量（kWh）</td>
        <td>{{data[6]|number:'1.0-2'}}</td>
      </tr>

      <tr>
        <td>功率因数</td>
        <td>{{data[7]|number:'1.0-2'}}</td>
      </tr>

      <tr>
        <td>电机转速（rpm）</td>
        <td>{{data[8]|number:'1.0-2'}}</td>
      </tr>

      <tr>
        <td>齿轮箱油温（℃）</td>
        <td>{{data[9]|number:'1.0-2'}}</td>
      </tr>
    </table>
  </div>
</div>
<div style="display: none;">
  <?xml version="1.0" encoding="utf-8"?>
  <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
  <svg version="1.0" id="fan_icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
               width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
    <circle cx="12" cy="11" r="2" />
    <g>
      <path d="M10.2,19.4L10,24h4l-0.4-8C12.3,17.4,11.2,18.6,10.2,19.4z"/>
    </g>
    <g>
      <path d="M8.5,11c0,1.9,1.6,3.5,3.5,3.5c0.4,0,0.8-0.1,1.1-0.2c-2.3,2.6-6.9,7.3-8.1,6.4C3.8,19.9,6.8,14,8.5,11z"/>
      <path d="M12,7.5c-1.7,0-3.1,1.2-3.4,2.8C7.5,7,5.7,0.7,7.1,0.1C8.4-0.6,12,5,13.8,8C13.2,7.7,12.6,7.5,12,7.5z"/>
      <path d="M15.5,11c0-1-0.5-2-1.2-2.6c3.4,0.7,9.8,2.3,9.6,3.8c-0.1,1.5-6.7,1.8-10.2,1.8C14.8,13.4,15.5,12.3,15.5,11z"/>
    </g>
  </svg>
</div>
